<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>pink老师冰墩墩</title>
  <link rel="stylesheet" href="./css/bingDwenDwen.css">
  <link rel="stylesheet" href="./css/Scenes.css">
  <script src="./js/styleChanges.js"></script>
  <script src="./js/bingDwenDwen.js"></script>
</head>

<body>
  <!-- 场景 -->
  <div class="track">
    <img src="./images/赛道.png" alt="">
  </div>

  <!-- 标题文字 -->
  <div class="titleText">
    <ul>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>

  <!-- 奥运五环 -->
  <div class="olympicRings">
    <div class="blue"></div>
    <div class="black"></div>
    <div class="red"></div>
    <div class="yellow"></div>
    <div class="green"></div>
  </div>

  <!-- 鸽子 -->
  <img class="pigeon" src="./images/鸽子.gif" alt="">

  <!-- 冰墩墩本体 -->
  <div class="bingdundun">
    <div class="m_body">
      <!-- 这里冬奥会图标也可以css写比较繁琐，这里直接用图片啦 -->
      <img
        src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F46657c5164a1637f8b015ff44be27a020345311d25243-5BjOfc_fw658&refer=http%3A%2F%2Fhbimg.b0.upaiyun.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1647052580&t=9841b8371651dd08d9e9eb09b913f78e"
        alt="">
    </div>
    <!-- 左耳 -->
    <div class="ear1">
      <div class="pear1"></div>
    </div>
    <!-- 右耳 -->
    <div class="ear2">
      <div class="pear2"></div>
    </div>
    <!-- 左眼 -->
    <div class="eye1">
      <div class="highlight1"></div>
      <div class="tongKong1"></div>
      <div class="bright1"></div>
    </div>
    <!-- 右眼 -->
    <div class="eye2">
      <div class="highlight2"></div>
      <div class="tongKong2"></div>
      <div class="bright2"></div>
    </div>
    <!-- 彩圈 -->
    <div class="face c_blue"></div>
    <div class="face c_red"></div>
    <div class="face c_purple"></div>
    <div class="face c_yellow"></div>
    <div class="face c_green"></div>
    <!-- 鼻子 -->
    <div class="nose">
      <div class="pNose"></div>
    </div>
    <!-- 嘴巴 -->
    <div class="mouse"></div>
    <!-- 左臂 -->
    <div class="arm1">
      <div class="photoeffect1"></div>
      <div class="skiPoles1">
        <div class="ribbon1"></div>
      </div>
    </div>
    <!-- 右臂 -->
    <div class="arm2">
      <div class="photoeffect2"></div>
      <div class="skiPoles2">
        <div class="ribbon2"></div>
      </div>
    </div>
    <!-- 双腿 -->
    <div class="legs">
      <!-- 左滑雪板 -->
      <div class="ski1"></div>
      <!-- 左腿 -->
      <div class="leg1">
        <div class="pLeg1"></div>
      </div>
      <!-- 右滑雪板 -->
      <div class="ski2"></div>
      <!-- 右腿 -->
      <div class="leg2">
        <div class="pLeg2"></div>
      </div>
    </div>
  </div>
  <!-- 飘落物 -->
  <div id="snow1"></div>
  <div id="snow2"></div>
  <div id="snow3"></div>
  <script src="./js/dynamic.js"></script>
</body>

</html>